<link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../css/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css" href="../css/icon.css">
<link rel="stylesheet" type="text/css" href="../css/demo.css">
<script type="text/javascript" src="../js/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>


<div id="aa" class="easyui-accordion">
    <div title="Title1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">
        <h3 style="color:#0099FF;">Accordion for jQuery</h3>
    </div>
    <div title="Title2" data-options="iconCls:'icon-reload',selected:true" style="padding:10px;">
        <ul class="nav nav-pills nav-stacked ">
            <li class="active btn-xs"><a href="#">Home</a></li>
            <li><a href="#">Profile</a></li>
            <li><a href="#">Messages</a></li>
        </ul>
    </div>
    <div title="Title3">
        <div id="xx" class="bs-sidebar hidden-print affix-top" role="complementary" data-offset-top="200" data-spy="affix">
            <ul class="nav bs-sidenav navbar-right">
                <li> <a href="jumbotron.html">Start Page</a> </li>
                <li class="active"><a href="#menu2">Page Example</a></li>
                <li>
                    <ul class="nav">
                        <li><a href="#menu3">Dialog Example</a></li>
                        <li>
                            <ul class="nav">
                                <li class=""><a href="#menu4">Form Example</a></li>
                                <li class=""><a href="#menu5">Tooltip Example</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>





